<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
<link rel="stylesheet" type="text/css" href="custom/css/chart.css">

</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	================================================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<div class="container mt15">
			<div class="row mb15 mt15">
				<div class="col-md-12">
					<h2>จัดการคำร้องขอของฉัน</h2>
				</div>
			</div>
			<div class="row mt15">
				<!-- Content -->
				<div class="col-md-9 mb15">
					<div class="row">
						<div class="col-md-12 mb05">
							<div class="color0 ctaBox">
								<div class="row mb05 textCenter">
									<div class="col-md-12 mb05">
										<b>คุณสามารถเลือก มุมมองในการจัดการข้อมูลการร้องของานและ</b>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="row">
											<div class="col-md-5 col-md-offset-1">
												<div class="textCenter">
													<button type="button"
														class="btn btn-labeled btn-info font4" id="btnFreelance" onclick="changeAspect(AspectFreelance,AspectOwnJob,btnFreelance,btnOwnJob)">
														<span class="btn-label"><i class="icon-edit" ></i></span>มุมมองของผู้ทำงาน
													</button>
												</div>
											</div>
											<div class="col-md-5">
												<div class="textCenter">
													<button type="button" class="btn btn-labeled font4" id="btnOwnJob" onclick="changeAspect(AspectOwnJob,AspectFreelance,btnOwnJob,btnFreelance)">
														<span class="btn-label"><i class="icon-suitcase"></i></span>มุมมองของผู้ว่าจ้าง
													</button>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row" id="AspectFreelance" >
						<div class="col-md-12">
							<div class="tab-content  color0 ctaBox">
								<div class="row mb05">
									<div class="col-md-12">
										<h2>มุมมองของผู้ทำงาน</h2>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<ul class="nav nav-tabs" id="myTab">
											<li class="active"><a href="#taskMyRequestTab"
												data-toggle="tab">ข้อมูลงานที่คุณร้องขอ <span
													class="badge">42</span>
											</a></li>
											<li class=""><a href="#taskMyEmploymentTab"
												data-toggle="tab">ข้อมูลงานที่คุณถูกผู้ว่าจ้างร้องขอ <span
													class="badge">42</span>
											</a></li>

										</ul>

										<div class="tab-content">
											<!-- tab 1 Request -->
											<div class="tab-pane fade active in" id="taskMyRequestTab">
												<div class="row">
													<div class="col-md-12">
														<div class="alert alert-info pb05 pt05">
															<p>
																<b>ชี้แจง :</b> การแสดงรายละเอียดของงานจะแสดงตารางตาม <b>สถานะการร้องขอ</b>
																ในปัจจุบัน
															</p>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															รอการอนุมัติจากผู้ว่าจ้าง
														</h3>
													</div>
													<div class="col-md-12 mb05">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 150px; text-align: center;">ยกเลิกการร้องขอ</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-warning btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-cancel iconSmall"></i>
																					ยกเลิกการร้องของาน</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															ได้รับการอนุมัติจากผู้ว่าจ้าง (กรุณากดปุ่ม <b>"ยืนยัน"</b>
															เพื่อตอบยืนว่าจะทำงานนี้ หรือ กดปุ่ม <b>"ปฏิเสธ"</b>
															เพื่อไม่ทำงานนี้)
														</h3>
													</div>
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 145px; text-align: center;">วันที่ถูกตอบรับงาน</th>
																		<th style="width: 150px; text-align: center;">ยืนยันการรับงาน</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ปฏิเสธ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															ไม่ได้รับการอนุมัติการร้องขอจากผู้ว่าจ้าง
														</h3>
													</div>
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 145px; text-align: center;">วันที่ตอบกลับ</th>
																		<th style="width: 150px; text-align: center;">ลบการร้องขอ</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ลบการร้องขอ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
												</div>
											</div>

											<!-- tab 2 Employment -->
											<div class="tab-pane fade" id="taskMyEmploymentTab">
												<div class="row">
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px;">วันที่ฉันถูกว่าจ้าง</th>
																		<th style="width: 145px;">ผลการตอบรับงาน</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>
																	</tr>
																	<tr>
																		<td>2</td>
																		<td>Table cell</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>


																	</tr>
																	<tr>
																		<td>3</td>
																		<td>Table cell</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>

												</div>

											</div>

										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<hr class="lineLines">
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<b>ผลสรุปงานทั้งหมดของฉัน</b>
									</div>
								</div>
								<div class="row mt15">
									<div class="col-md-12 col-xs-6 table-responsive">
										<center>
											<canvas id="canvasAllJob" height="450px" width="700"></canvas>
										</center>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="row" id="AspectOwnJob" >
						<div class="col-md-12">
							<div class="tab-content  color0 ctaBox">
								<div class="row mb05">
									<div class="col-md-12">
										<h2>มุมมองของผู้ว่าจ้าง</h2>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<ul class="nav nav-tabs" id="myTab">
											<li class="active"><a href="#taskMyJobTab"
												data-toggle="tab">ข้อมูลผู้ที่สนใจงานที่เราโพส<span
													class="badge">20</span>
											</a></li>
											<li class=""><a href="#taskMyEmploymentTab"
												data-toggle="tab">ข้อมูลงานที่คุณถูกผู้ว่าจ้างร้องขอ <span
													class="badge">34</span>
											</a></li>

										</ul>

										<div class="tab-content">
											<!-- tab 1 Request -->
											<div class="tab-pane fade active in" id="taskMyJobTab">
												<div class="row">
													<div class="col-md-12">
														<div class="alert alert-info pb05 pt05">
															<p>
																<b>ชี้แจง :</b> การแสดงรายละเอียดของงานจะแสดงตารางตาม <b>สถานะการร้องขอ</b>
																ในปัจจุบัน
															</p>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															รอการอนุมัติจากผู้ว่าจ้าง
														</h3>
													</div>
													<div class="col-md-12 mb05">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 150px; text-align: center;">ยกเลิกการร้องขอ</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-warning btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-cancel iconSmall"></i>
																					ยกเลิกการร้องของาน</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															ได้รับการอนุมัติจากผู้ว่าจ้าง (กรุณากดปุ่ม <b>"ยืนยัน"</b>
															เพื่อตอบยืนว่าจะทำงานนี้ หรือ กดปุ่ม <b>"ปฏิเสธ"</b>
															เพื่อไม่ทำงานนี้)
														</h3>
													</div>
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 145px; text-align: center;">วันที่ถูกตอบรับงาน</th>
																		<th style="width: 150px; text-align: center;">ยืนยันการรับงาน</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ปฏิเสธ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
													<div class="col-md-12 mb05">
														<h3>
															<span class="label label-info"><b>สถานะ</b></span>
															ไม่ได้รับการอนุมัติการร้องขอจากผู้ว่าจ้าง
														</h3>
													</div>
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px; text-align: center;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px; text-align: center;">วันที่ทำการร้องขอ</th>
																		<th style="width: 145px; text-align: center;">วันที่ตอบกลับ</th>
																		<th style="width: 150px; text-align: center;">ลบการร้องขอ</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td>25 ก.ค.2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ลบการร้องขอ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
												</div>
											</div>

											<!-- tab 2 Employment -->
											<div class="tab-pane fade" id="taskMyEmploymentTab">
												<div class="row">
													<div class="col-md-12">
														<div class="table-responsive">
															<table class="table table-bordered">
																<thead>
																	<tr>
																		<th style="width: 5px;">ลำดับ</th>
																		<th>ชื่องาน</th>
																		<th style="width: 145px;">วันที่ฉันถูกว่าจ้าง</th>
																		<th style="width: 145px;">ผลการตอบรับงาน</th>
																	</tr>
																</thead>
																<tbody>
																	<tr>
																		<td>1</td>
																		<td>พัฒนาโปรแรมร้านอาหารในส่วนงาน...</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>
																	</tr>
																	<tr>
																		<td>2</td>
																		<td>Table cell</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>


																	</tr>
																	<tr>
																		<td>3</td>
																		<td>Table cell</td>
																		<td>25 ก.ค. 2014 10:00 น.</td>
																		<td align="center"><button type="button"
																				class="btn btn-success btn-xs">
																				<span class="fontHeader4"><i
																					class="icon-ok iconSmall"></i> ยืนยัน</span>
																			</button>
																			<button type="button" class="btn btn-danger btn-xs">
																				<span class="fontHeader4"><i
																					class="glyphicon glyphicon-trash iconSmall"></i>
																					ปฏิเสธ</span>
																			</button></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>

												</div>

											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<div class="col-md-3">

					<div class="row">
						<div class="col-md-12">
							<div class="boxFocus color1">
								<div class="textCenter mb05">ประกาศงานฟรี
									ได้โดยคลิกปุ่มด้านล่างนี้</div>
								<div class="textCenter">
									<button type="button" class="btn btn-labeled btn-success font4">
										<span class="btn-label"><i class="icon-briefcase"></i></span>ประกาศงาน
										ฟรี!
									</button>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 mt15">
							<div class="row">
								<div class="col-md-12">
									<span class="font4"><b>ค้นหางานตามหมวดหมู่งาน</b></span>
								</div>
							</div>
							<div class="row mt05">
								<div class="col-md-12">
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_imac.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>ไอทีและการพัฒนาซอฟต์แวร์</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_palette.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>การออกแบบ</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_book.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>การแปลภาษา</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_pencil.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>งานเขียนและการรวบรวมเนื้อหา</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_sketchbook.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>โปรเจ็ก/โครงงาน</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_camera.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>ภาพถ่าย/กราฟฟิค</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_user5.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>การคีย์ข้อมูลเอกสาร</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_tree-money.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>ธุรการ
															บริหารและการบัญชี</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_shopping-bag-full.png"
												alt="" style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>สินค้าและบริการ</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_molecular.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>วิทยาศาสตร์</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-6 col-sm-6 mt05">
										<div class="media">
											<a class="pull-left" href="#"><img
												class="img-circle img-responsive"
												src="custom/images/icon/Flatistic/256_user8.png" alt=""
												style="width: 40px;"> </a>
											<div class="media-body">
												<a href="#"> <span class="font5"><b>สอนพิเศษ</b></span>
												</a><br> <span class="font5">งานที่มีทั้งหมด 4000
													งาน</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row mt15 mb05">
								<div class="col-md-12">
									<hr class="lineLines">
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<span class="font4"><b>งานใหม่ล่าสุด</b></span>
								</div>
							</div>
							<div class="row mb30">
								<div class="col-md-12">
									<small><ul class="list-unstyled iconList borderList">
											<li><a href="#" class="">รับเขียนแบบอาคาร
													ขออนุญาตก่อสร้าง แบบ</a></li>
											<li><a href="#" class="">รับพัฒนา Android IOS
													พร้อมระบบ</a></li>
											<li><a href="#" class="">รับเขียนเว็บไซต์
													ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
											<li><a href="#" class="">รับทำ 3D,2D Animation Model
													Character อื่นๆ</a></li>
											<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
											<li><a href="#" class="">รับเขียนแบบอาคาร
													ขออนุญาตก่อสร้าง แบบ </a></li>
											<li><a href="#" class="">รับพัฒนา Android IOS
													พร้อมระบบ</a></li>
											<li><a href="#" class="">รับเขียนเว็บไซต์
													ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
											<li><a href="#" class="">รับทำ 3D,2D Animation Model
													Character อื่นๆ</a></li>
											<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
											<li><a href="#" class="">รับเขียนแบบอาคาร
													ขออนุญาตก่อสร้าง แบบ</a></li>
											<li><a href="#" class="">รับพัฒนา Android IOS
													พร้อมระบบ</a></li>
											<li><a href="#" class="">รับเขียนเว็บไซต์
													ดูแลเว็บไซต์ ดูแลแฟนเพจ</a></li>
											<li><a href="#" class="">รับทำ 3D,2D Animation Model
													Character อื่นๆ</a></li>
											<li><a href="#" class="">รับงานออกแบบสื่อสิ่งพิมพ์</a></li>
										</ul></small>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<jsp:include page="core/template/FOOTER.jsp" />
		<!-- ======================================= content ======================================= -->
	</div>

	<!-- 	Script chart All Job -->
	<script>
		var randomScalingFactor = function() {
			return Math.round(Math.random() * 100);
		};

		var barChartData = {
			labels : [ "January", "February", "March", "April", "May", "June",
					"July" ],
			datasets : [
					{
						fillColor : "rgba(220,220,220,0.5)",
						strokeColor : "rgba(220,220,220,0.8)",
						highlightFill : "rgba(220,220,220,0.75)",
						highlightStroke : "rgba(220,220,220,1)",
						data : [ randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor() ]
					},
					{
						fillColor : "rgba(151,187,205,0.5)",
						strokeColor : "rgba(151,187,205,0.8)",
						highlightFill : "rgba(151,187,205,0.75)",
						highlightStroke : "rgba(151,187,205,1)",
						data : [ randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor(), randomScalingFactor(),
								randomScalingFactor() ]
					} ]

		};
		window.onload = function() {
			var line_ctx = document.getElementById("canvasAllJob").getContext(
					"2d");
			new Chart(line_ctx).Bar(barChartData, {
				responsive : false,
				segmentShowStroke : true,
				segmentStrokeColor : "#fff",
				segmentStrokeWidth : 2,
				animationEasing : "easeOutBounce",
				animateRotate : true,
				animateScale : false,

			});

		};
	</script>
	<!-- 	End script chart All Job -->
	<script type="text/javascript" src="custom/js/requestManagePage.js"></script>
	
	<script src="custom/js/Chart.js"></script>

	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
